<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>项目品鉴</title>
    <script type="text/javascript">
        (function () { var phoneWidth = parseInt(window.screen.width), phoneScale = phoneWidth / 750, ua = navigator.userAgent; if (/Android (\d+\.\d+)/.test(ua)) { var version = parseFloat(RegExp.$1); if (version > 2.3) { document.write('<meta name="viewport" content="width=750, minimum-scale = ' + phoneScale + ", maximum-scale = " + phoneScale + ', target-densitydpi=device-dpi"/>') } else { document.write('<meta name="viewport" content="width=750, target-densitydpi=device-dpi"/>') } } else { document.write('<meta name="viewport" content="width=750, user-scalable=no, target-densitydpi=device-dpi"/>') }; })();
    </script>
    <style>
        html,
        body {
            margin: 0;
            padding: 0;
            position: relative;
            width: 100%;
            height: 100%;
        }

        body,
        .app {
            width: 100%;
            height: 100%;
        }

        .app {
            position: absolute;
            background-image: url('assets/images/home/bg.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }

        .item {
            width: 680px;
            margin: 0 auto;
            border-radius: 10px;
            margin-bottom: 20px;
            background-color: #ffffff;
            display: block;
        }

        .item-img {
            widows: 680px;
        }

        .item-text {
            background-color: #ffffff;
            height: 76px;
            line-height: 76px;
            text-align: center;
            font-size: 28px;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px
        }

        a {
            color: #000;
            text-decoration: none;
        }
    </style>
</head>

<body>
    <div class="app">

        <a href="detail.html" class="item" style="margin-top:23px;">
            <div style="width:100%">
                <img src="assets/images/home/s1.png" class="item-img">
            </div>
            <div class="item-text">
                金科中建·博翠长江
            </div>
        </a>


        <a href="detail.html" class="item">
            <div style="width:100%">
                <img src="assets/images/home/s2.png" class="item-img">
            </div>
            <div class="item-text">
                金科中建·美集阳光
            </div>
        </a>


        <a href="detail.html" class="item" ont>
            <div style="width:100%">
                <img src="assets/images/home/s3.png" class="item-img">
            </div>
            <div class="item-text">
                金科中建·天府公馆
            </div>
        </a>

    </div>
    <script>
        // var items =  document.getElementsByClassName("item");
        // for(var i = 0; i < items.length;i++){
        //     var item = items[i];
        //     item.ontouchstart = function(){
        //         location.href = this.getAttribute("href")
        //     }
        // }
    </script> 

</body>

</html>